import { createGlobalStyle } from 'styled-components';

export const GlobalStyle = createGlobalStyle`
    .show {
        display: block !important;
    }
    .hide {
        display: none !important;
    }
    h3 {
      font-size: 24px;
      color: #666;
      background-color: yellow;
      padding: 10px;
    }
    .section {
      width: 98%;
      margin-bottom: 20px;
      border: 1px solid #ddd;
      border-radius: 5px;
    }
    .operate-section, .param-section{
      width: 100%;
      margin: 0 0 15px 0;
    }
    .operate-section {
      background-color: darkseagreen;
    }
    .param-section {
      background-color: lightpink;
    }
    .image-wrapper {
      display: block;
      overflow: hidden;
      margin-bottom: 10px;
    }
    .mark {
      font-size: 16px;
      color: brown;
      margin: 5px 0;
      padding-left: 20px;
    }
    .mark::before {
      content: '注意: ';
    }
`;



